﻿<ul class="pagination">
    <li>
        <button class="small secondary button" data-bind="css: {disabled: isFirst()}, click: goToFirst">
            <span aria-hidden="true" class="icon-arrow-left"></span>
        </button>
    </li>
    <!-- ko foreach: neighbourPages -->
    <li data-bind="css: {current: $data == $parent.pageNumber()}">
        <a href="javascript:void(0)" data-bind="text: $data, click: $parent.goTo"></a>
    </li>
    <!-- /ko -->
    <li>
        <button class="small secondary button" data-bind="css: {disabled: isLast()}, click: goToLast">
            <span aria-hidden="true" class="icon-arrow-right"></span>
        </button>
    </li>
</ul>
